<ng-template cdk-portal #overlayGlobalTemplate="cdkPortal">
  <div class="zzModal" [ngStyle]="chatStyle" [ngClass]="zzClassName">
    <div class="zz-header" (mousedown)="adjustPanel($event, chatStyleModel, 'move')">
      <ng-container [ngSwitch]="true">
        <ng-container *ngSwitchCase="isTemplateRef(zzTitle)" [ngTemplateOutlet]="zzTitle"></ng-container>
        <ng-container *ngSwitchCase="isNonEmptyString(zzTitle)">
          <div>{{zzTitle}}<span class="close"><i (click)="clickOnCancel()" class="anticon anticon-close"></i></span>
          </div>

        </ng-container>
      </ng-container>
    </div>
    <div class="zz-content">
      <ng-template [ngTemplateOutlet]="zzContent || defaultContent"></ng-template>
      <ng-template #defaultContent>
        <ng-content></ng-content>
      </ng-template>
    </div>

    <div class="zz-footer">
      <ng-template [ngTemplateOutlet]="zzFooter || defaultFooter"></ng-template>
      <ng-template #defaultFooter>
        <button nz-button nzType="primary" (click)="clickOnOk()">确定</button>
        <button nz-button nzType="default" (click)="clickOnCancel()">取消</button>
      </ng-template>
    </div>
  </div>
</ng-template>